<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>业务选择</title>
    <script src="/static/js/vue.js"></script>
    <link rel="stylesheet" href="/static/css/Initialization.css">
    <link rel="stylesheet" href="/static/css/business.css">
    <link rel="stylesheet" href="/static/css/countCom.css">
    <link rel="stylesheet" href="/static/css/clockCom.css">
</head>
<body>
    <div id="app">
        <header-com></header-com>
        <div id="business-content">
            <count-com></count-com>
            <clock-com></clock-com>
            <div>
                <p class="business-text-f">请选择业务</p>
                <p class="business-text-s">please select next step</p>
            </div>
            <div id="business-button">
                <template>
                    <a v-for="(button,index) in buttons" :href="button.href" :key="index">
                        <p class="business-text">{{ button.text }}</p>
                        <p class="business-english">{{ button.english }}</p>
                    </a>
                </template>
            </div>
            <div id="bussiness-exit">
                <a href="./tokens/logout">
                    <p>退卡</p>
                    <p>Exit</p>
                </a>
            </div>
        </div>
    </div>
    <script src="/static/js/clockCom.js"></script>
    <script src="/static/js/headerCom.js"></script>
    <script src="/static/js/countCom.js"></script>
    <script src="/static/js/business.js"></script>
</body>
</html>